import { message } from 'antd'
import axios from 'axios'
import history from './history'
import { getToken, removeToken } from './storage'

export const baseURL = 'http://geek.itheima.net'
const instance = axios.create({
  baseURL: baseURL,
  timeout: 5000,
})

// 请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 判断是否有token
    const token = getToken()
    if(token){
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 💥小小的改造，多解构了一个data，再返回
    return response.data
  },
  function (error) {
    console.dir(error);
    // console.log(error.response.status);
    const {status} = error.response
    // 判断错误信息为401就跳转回login
    // if(status===401){
    //   // 删除token
    //   removeToken()
    //   //提示
    //   message.warning('登录信息超时',1)
    //   // window.location.href = '/login' 这种的需要页面刷新,丧失了单页面应用的优势
    //   history.push('/login')
    // }

    if(status===401){
      console.dir(error);
      // 清除token
      removeToken()
      //提示用户
      message.warning(error.response.data.message)
      //跳转
      // window.location.href =  '/login' 一般不会用这个跳转
      history.push('/login')
    }
    return Promise.reject(error)

  }
)

export default instance
